<template>
    <div class="home">
        <Header head-title="充值记录详情" go-back="true"></Header>
        <section class="group Result">
            <h2 class="activecolor fontsMax">￥1234.55元</h2>
            <p class="fonts">卡内余额</p>
        </section>
        <section class="group">
            <div class="Select resultInfo">
                <p class="fonts fontC6">支付信息</p>
                <p class="fonts">健康卡充值</p>
            </div>
            <div class="Select resultInfo">
                <p class="fonts fontC6">充值卡号</p>
                <p class="fonts">4127********1234(渣渣辉)</p>
            </div>
            <div class="Select resultInfo">
                <p class="fonts fontC6">充值医院</p>
                <p class="fonts">平顶山市第一人民医院</p>
            </div>
            <div class="Select resultInfo">
                <p class="fonts fontC6">订单编号</p>
                <p class="fonts">微信支付</p>
            </div>
            <div class="Select resultInfo">
                <p class="fonts fontC6">支付时间</p>
                <p class="fonts">2019-10-12 18:00:30</p>
            </div>
        </section>
    </div>
</template>

<script>
import Header from '../../components/Header'
export default {
  data () {
    return {

    }
  },
  components: {
    Header
  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped>
.home {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0.8rem;
    overflow-y: auto;
}
</style>
